{% extends "base.html" %}

{% block title %}会员的条款和条款{% endblock title %}
{% block subtitle %}会员的条款和条款{% endblock subtitle %}

{% block content %}
<div class="register">
    <form  name="fregister" id="fregister" action="/bbs/register" onsubmit="return fregister_submit(this);" method="post" autocomplete="off">
    <p><i class="fa fa-check-circle" aria-hidden="true"></i> 您必须同意会员条款以及个人信息收集和使用的内容。.</p>
        <section id="fregister_term">
        <h2>会员的条款和条款</h2>
        <textarea readonly>{{ request.state.config.cf_stipulation }}</textarea>
        <fieldset class="chk_box fregister_agree">
            <input type="checkbox" name="agree" value="1" id="agree11">
            <label for="agree11"><span></span><b class="blind">我同意会员资格条款的内容.</b></label>
        </fieldset>
    </section>

    <section id="fregister_private">
        <h2>拼贴和个人信息的使用</h2>
        <div>
            <table>
                <caption class="blind">拼贴和个人信息的使用</caption>
                <thead>
                <tr>
                    <th>目的</th>
                    <th>项目</th>
                    <th>保留期</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>用户识别和识别</td>
                    <td>Idie, 姓名, 密码</td>
                    <td>直到成员退出</td>
                </tr>
                <tr>
                    <td>关于使用客户服务的通知,<br>CS用于响应的用户标识</td>
                    <td>联系人 (电子邮件, 移动电话号码)</td>
                    <td>直到成员退出</td>
                </tr>
                </tbody>
            </table>
        </div>

        <fieldset class="chk_box fregister_agree">
            <input type="checkbox" name="agree2" value="1" id="agree21">
            <label for="agree21"><span></span><b class="blind">我同意个人信息收集和使用的内容.</b></label>
       </fieldset>
    </section>
	
	<div id="fregister_chkall" class="chk_box chk_all fregister_agree">
        <input type="checkbox" name="chk_all" id="chk_all">
        <label for="chk_all"><span></span>所有人都同意会员资格条款</label>
    </div>
	    
    <div class="btn_confirm">
    	<a href="/" class="btn_close">取消</a>
        <button type="submit" class="btn_submit">会员</button>
    </div>

    </form>

    <script>
    function fregister_submit(f)
    {
        if (!f.agree.checked) {
            alert("您必须同意会员资格条款.");
            f.agree.focus();
            return false;
        }

        if (!f.agree2.checked) {
            alert("您必须同意个人信息收集和使用的内容，您可以加入.");
            f.agree2.focus();
            return false;
        }

        return true;
    }
    
    jQuery(function($){
        // 选择全部
        $("input[name=chk_all]").click(function() {
            if ($(this).prop('checked')) {
                $("input[name^=agree]").prop('checked', true);
            } else {
                $("input[name^=agree]").prop("checked", false);
            }
        });
    });

    </script>
</div>
{% endblock content %}